import Toast from 'tdesign-miniprogram/toast/index';
import {
  fetchDeliveryAddress
} from '../../../../utils/fetchAddress';
import {
  areaData
} from '../../../../config/index';
import {
  resolveAddress,
  rejectAddress
} from './utils';

const innerPhoneReg = '^1(?:3\\d|4[4-9]|5[0-35-9]|6[67]|7[0-8]|8\\d|9\\d)\\d{8}$';
const innerNameReg = '^[a-zA-Z\\d\\u4e00-\\u9fa5]+$';
let labelsOptions = [{
    id: 0,
    name: '家'
  },
  {
    id: 1,
    name: '学校'
  }
];

Page({
  options: {
    multipleSlots: true,
  },
  externalClasses: ['theme-wrapper-class'],
  data: {
    address: {
      tag: ''
    },
    addressFlag: -1,
    locationState: {
      labelIndex: null,
      addressId: '',
      addressTag: '',
      cityCode: '',
      cityName: '',
      countryCode: '',
      countryName: '',
      detailAddress: '',
      districtCode: '',
      districtName: '',
      isDefault: false,
      name: '',
      phone: '',
      provinceCode: '',
      provinceName: '',
      isEdit: false,
      isOrderDetail: false,
      isOrderSure: false,
    },
    areaData: areaData,
    labels: labelsOptions,
    areaPickerVisible: false,
    submitActive: false,
    visible: false,
    labelValue: '',
    columns: 3,
  },
  privateData: {
    verifyTips: '',
  },
  onShow() {
    let index = wx.getStorageSync('addressFlag')
    let address = wx.getStorageSync('address')
    if (index == -1) return
    address = address[index]
    console.log('address===', address)
    this.setData({
      addressFlag: index,
      address: address,
      'locationState.cityName': address.city,
      'locationState.districtName': address.country,
      'locationState.detailAddress': address.detail,
      'locationState.name': address.name,
      'locationState.isDefault': address.primary == 1 ? true : false,
      'locationState.provinceName': address.province,
      'locationState.phone': address.telnum
    })

  },
  deteleAddess() {
    let _this = this
    wx.showModal({
      title: '删除',
      content: '是否删除这个地址？',
      success(res) {
        if (res.confirm) {
          console.log('删除了地址，', _this.data.address)
          wx.cloud.callFunction({
            name: 'updateAddress',
            data: {
              _id: _this.data.address._id,
              status: 0,
              primary: 0
            }
          }).then(res => {
            wx.removeStorageSync('address')
            wx.removeStorageSync('cntAddressIndex')
            wx.removeStorageSync('addressFlag')
            setTimeout(() => {
              wx.navigateBack({
                delta: 2,
              });
              Toast({
                context: this,
                selector: '#t-toast',
                message: `地址已删除`,
                theme: 'success',
              });
            }, 500)
          }).catch(error => {
            console.log('出错了', error)
            Toast({
              context: this,
              selector: '#t-toast',
              message: error.errMsg || error.msg || '出错了',
              theme: 'error',
            });
          })
        } else if (res.cancel) {
          console.log('用户点击取消')
        }
      }
    })
  },
  onLoad(options) {
    const {
      id
    } = options;
    this.init(id);
  },

  onUnload() {
    if (!this.hasSava) {
      rejectAddress();
    }
  },

  hasSava: false,

  init(id) {
    if (id) {
      this.getAddressDetail(Number(id));
    }
  },
  getAddressDetail(id) {
    fetchDeliveryAddress(id).then((detail) => {
      this.setData({
        locationState: detail
      }, () => {
        const {
          isLegal,
          tips
        } = this.onVerifyInputLegal();
        this.setData({
          submitActive: isLegal,
        });
        this.privateData.verifyTips = tips;
      });
    });
  },
  onInputValue(e) {
    const {
      item
    } = e.currentTarget.dataset;
    if (item === 'address') {
      const {
        selectedOptions = []
      } = e.detail;
      this.setData({
          'locationState.provinceCode': selectedOptions[0].value,
          'locationState.provinceName': selectedOptions[0].label,
          'locationState.cityName': selectedOptions[1].label,
          'locationState.cityCode': selectedOptions[1].value,
          'locationState.districtCode': selectedOptions[2].value,
          'locationState.districtName': selectedOptions[2].label,
          areaPickerVisible: false,
        },
        () => {
          const {
            isLegal,
            tips
          } = this.onVerifyInputLegal();
          this.setData({
            submitActive: isLegal,
          });
          this.privateData.verifyTips = tips;
        },
      );
    } else {
      const {
        value = ''
      } = e.detail;
      this.setData({
          [`locationState.${item}`]: value,
        },
        () => {
          const {
            isLegal,
            tips
          } = this.onVerifyInputLegal();
          this.setData({
            submitActive: isLegal,
          });
          this.privateData.verifyTips = tips;
        },
      );
    }
  },
  onPickArea() {
    this.setData({
      areaPickerVisible: true
    });
  },
  onPickLabels(e) {
    const {
      item
    } = e.currentTarget.dataset;
    this.setData({
      submitActive: true,
    });
    console.log('选择标签', item)
    const {
      locationState: {
        labelIndex = undefined
      },
      labels = [],
    } = this.data;
    let payload = {
      labelIndex: item,
      addressTag: labels[item].name,
    };
    if (item === labelIndex) {
      payload = {
        labelIndex: null,
        addressTag: ''
      };
    }
    this.setData({
      'locationState.labelIndex': payload.labelIndex,
    });
    this.triggerEvent('triggerUpdateValue', payload);
  },
  addLabels() {
    this.setData({
      visible: true,
    });
  },
  confirmHandle() {
    const {
      labels,
      labelValue
    } = this.data;
    this.setData({
      visible: false,
      labels: [...labels, {
        id: labels[labels.length - 1].id + 1,
        name: labelValue
      }],
      labelValue: '',
    });
    console.log('添加了标签，', this.data.labels)
  },
  cancelHandle() {
    this.setData({
      visible: false,
      labelValue: '',
    });
  },
  onCheckDefaultAddress({
    detail
  }) {
    const {
      value
    } = detail;
    this.setData({
      'locationState.isDefault': value,
    });
  },

  onVerifyInputLegal() {
    const {
      name,
      phone,
      detailAddress,
      districtName
    } = this.data.locationState;
    const prefixPhoneReg = String(this.properties.phoneReg || innerPhoneReg);
    const prefixNameReg = String(this.properties.nameReg || innerNameReg);
    const nameRegExp = new RegExp(prefixNameReg);
    const phoneRegExp = new RegExp(prefixPhoneReg);

    if (!name || !name.trim()) {
      return {
        isLegal: false,
        tips: '请填写收货人',
      };
    }
    if (!nameRegExp.test(name)) {
      return {
        isLegal: false,
        tips: '收货人仅支持输入中文、英文（区分大小写）、数字',
      };
    }
    if (!phone || !phone.trim()) {
      return {
        isLegal: false,
        tips: '请填写手机号',
      };
    }
    if (!phoneRegExp.test(phone)) {
      return {
        isLegal: false,
        tips: '请填写正确的手机号',
      };
    }
    if (!districtName || !districtName.trim()) {
      return {
        isLegal: false,
        tips: '请选择省市区信息',
      };
    }
    if (!detailAddress || !detailAddress.trim()) {
      return {
        isLegal: false,
        tips: '请完善详细地址',
      };
    }
    if (detailAddress && detailAddress.trim().length > 50) {
      return {
        isLegal: false,
        tips: '详细地址不能超过50个字符',
      };
    }
   
    return {
      isLegal: true,
      tips: '添加成功',
    };
  },

  builtInSearch({
    code,
    name
  }) {
    return new Promise((resolve, reject) => {
      wx.getSetting({
        success: (res) => {
          if (res.authSetting[code] === false) {
            wx.showModal({
              title: `获取${name}失败`,
              content: `获取${name}失败，请在【右上角】-小程序【设置】项中，将【${name}】开启。`,
              confirmText: '去设置',
              confirmColor: '#FA550F',
              cancelColor: '取消',
              success(res) {
                if (res.confirm) {
                  wx.openSetting({
                    success(settinRes) {
                      if (settinRes.authSetting[code] === true) {
                        resolve();
                      } else {
                        console.warn('用户未打开权限', name, code);
                        reject();
                      }
                    },
                  });
                } else {
                  reject();
                }
              },
              fail() {
                reject();
              },
            });
          } else {
            resolve();
          }
        },
        fail() {
          reject();
        },
      });
    });
  },

  onSearchAddress() {
    this.builtInSearch({
      code: 'scope.userLocation',
      name: '地址位置'
    }).then(() => {
      wx.chooseLocation({
        success: (res) => {
          if (res.name) {
            this.triggerEvent('addressParse', {
              address: res.address,
              name: res.name,
              latitude: res.latitude,
              longitude: res.longitude,
            });
          } else {
            Toast({
              context: this,
              selector: '#t-toast',
              message: '地点为空，请重新选择',
              icon: '',
              duration: 1000,
            });
          }
        },
        fail: function (res) {
          console.warn(`wx.chooseLocation fail: ${JSON.stringify(res)}`);
          if (res.errMsg !== 'chooseLocation:fail cancel') {
            Toast({
              context: this,
              selector: '#t-toast',
              message: '地点错误，请重新选择',
              icon: '',
              duration: 1000,
            });
          }
        },
      });
    });
  },
  formSubmit() {


    const {
      submitActive
    } = this.data;
    if (!submitActive) {
      Toast({
        context: this,
        selector: '#t-toast',
        message: this.privateData.verifyTips,
        icon: '',
        duration: 1000,
      });
      return;
    }
    const {
      locationState
    } = this.data;

    this.hasSava = true;

    resolveAddress({
      saasId: '88888888',
      uid: `88888888205500`,
      authToken: null,
      id: locationState.addressId,
      addressId: locationState.addressId,
      phone: locationState.phone,
      name: locationState.name,
      countryName: locationState.countryName,
      countryCode: locationState.countryCode,
      provinceName: locationState.provinceName,
      provinceCode: locationState.provinceCode,
      cityName: locationState.cityName,
      cityCode: locationState.cityCode,
      districtName: locationState.districtName,
      districtCode: locationState.districtCode,
      detailAddress: locationState.detailAddress,
      isDefault: locationState.isDefault === 1 ? 1 : 0,
      addressTag: locationState.addressTag,
      latitude: locationState.latitude,
      longitude: locationState.longitude,
      storeId: null,
    });


    let tag = ''
    if (locationState.labelIndex!=undefined && locationState.labelIndex!=null) {
      tag = this.data.labels[locationState.labelIndex].name
    } else {
      console.log('locationState.labelIndex == ',locationState.labelIndex)
      tag = this.data.address.tag
    }
    let address = {
      city: locationState.cityName,
      country: locationState.districtName,
      create_time: new Date(),
      detail: locationState.detailAddress,
      name: locationState.name,
      primary: locationState.isDefault ? 1 : 0,
      province: locationState.provinceName,
      tag: tag,
      _id: '',
      telnum: locationState.phone,
      flag: 'add'
    }
    if (this.data.addressFlag != -1) {
      address['_id'] = this.data.address._id
      address['flag'] = 'update'
    }
    console.log('提交的地址', address)
    wx.cloud.callFunction({
      name: 'updateAddress',
      data: address
    }).then(res => {
      console.log('地址添加成功', res)
      if (res.result.data.errMsg.includes("ok")) {
        Toast({
          context: this,
          selector: '#t-toast',
          message: address.flag == 'add' ? `地址添加成功` : `地址更新成功`,
          theme: 'success',
        });
      }
      wx.removeStorageSync('address')
      wx.removeStorageSync('addressFlag')
      console.log('清除了地址缓存')
      setTimeout(() => {
        wx.navigateBack({
          delta: 1
        });
      }, 1000)
    }).catch(error => {
      console.log('出错了', error)
      Toast({
        context: this,
        selector: '#t-toast',
        message: error.errMsg || error.msg || '出错了',
        theme: 'error',
      });
    })


  },

  getWeixinAddress(e) {
    const {
      locationState
    } = this.data;
    const weixinAddress = e.detail;
    this.setData({
        locationState: {
          ...locationState,
          ...weixinAddress
        },
      },
      () => {
        const {
          isLegal,
          tips
        } = this.onVerifyInputLegal();
        this.setData({
          submitActive: isLegal,
        });
        this.privateData.verifyTips = tips;
      },
    );
  },
});